#header{
    width:1300px;
    margin:0 auto;
}
a{transition:all 0.8s ease-out;}
.top{

}
.logo{
    float:left;
    padding-top:22px;
}

.wel,.k1{
    line-height: 38px;
    color: #808080;
    font-size: 14px;
}
.k1 a{
    color: #808080;
	font-weight:bold;
}

.head1{
	background: url(img/nav1.png) no-repeat top center;
    height:100px;
    position: relative;
    z-index: 999;
    left: 50%;
    margin-left: -960px;
    width: 1920px;
    top: 0;
}
#Divpage li{ float:left; width:auto; padding:2px; list-style:none;}
.topLink{width: 748px;float:right;position: relative;z-index: 9999;}
.translate{width:100px;position: absolute;left: 0;top:10px;z-index: 9999;}
.tran-in{left:120px;}
.translate li{border: 1px dashed #cccccc;line-height: 26px;text-align: left;background: #fff;}
.translate li a{display: block;padding-left: 10px;background: url(img/dot4.png) no-repeat 88% 11px;}
.translate li a:hover{text-decoration: none;color:#275cea;cursor: pointer;}
.translate-en{display: none;padding: 6px;padding-top:0px;}
.translate li .translate-en a{padding-left: 0px;text-align: center;background: #fff;border-bottom: 1px solid #cccccc;}
.translate li .translate-en a:hover{font-weight: bold;}

/*??-?????????????*/
.search{
    background:#eeeeee;
    height: 50px;
}

#formsearch{
    width:240px;
    float:right;
    background: url(img/sou.png) no-repeat center;
    height:30px;
    margin-top:10px;
}

.hotSearch{
    width:400px;
    float:left;
    height:50px;
    line-height:50px;
    font-weight:normal;
    color: #4c4c4c;
    font-size: 14px;
}

.hotSearch a{
    color: #4c4c4c;
}
#search-type{float: left;width:100px;height: 24px;border: 1px solid #c8c8c8;margin-right: 5px;}
/*???????select??1??o???*/
.searchs {
	position:relative;
    display: inline-block;
    z-index:99999;
    float: left;width:100px;border: 1px solid #c8c8c8;margin-right: 5px;line-height:22px;text-align:center;color:#000;height:22px;
}
.option_g {
    display: none;
    border: 1px solid #c8c8c8;
    border-top:none;
    background:#fff;
}
.option_g li{
	color:#fff;
	font-size:12px;
	line-height:22px;
	color:#000;
}
.option_g li:hover{
	background:#3480ce;
	color:#fff;
}


/*??????????????*/
#container{width:1200px;margin:0 auto;margin-top:10px;}
.container{
    width:1200px;
    margin: 0 auto;
}
.menu_cate{width:220px;float:left;}
.cate_title{line-height:31px;padding-left:15px;font-weight:bold;font-family:"??????";
background:url(nav.png) no-repeat 0% 100%;font-size:14px;color:#000;}

.navigation{float:right;width:100px;}

.index-title{line-height:31px;padding-left:15px;font-weight:bold;font-family:"??????";
background:url(nav.png) no-repeat 0% 100%;font-size:14px;color:#000;}
.index-table td{border:solid #add9c0; border-width:0px 1px 1px 0px; padding:10px 5px;}
.index-table{border:solid #add9c0; border-width:1px 0px 0px 1px;margin-top:10px;}

.product{
    padding-top:4px;
}
.public-title{
    font-size: 30px;
    color: #475a82;
    font-weight:normal;
    text-align:center;
	margin-top:30px;
}
.public-title p{
    font-size: 18px;
    color: #666666;
    padding-top:5px;
}

.product .content{
    padding-top:30px;
}


.about{
    background: url(img/about.jpg) no-repeat top center;
    height:360px;
    overflow: hidden;
    margin-top:57px;
    position: relative;
}
.about .more{position: absolute;width: 135px;height: 35px;text-align: center;line-height: 35px;border:1px solid #fff;left:502px;top:297px;
border-radius: 5px;}
.about .more a{color: #fff;font-size: 14px;}
.about .more a:hover{color: #ff0000;}
.about-img{width: 410px;height: 285px;overflow: hidden;}
.about-img li{float: left;display: none;}
.about-img li img{width: 410px;height: 285px;}
.in-this{width: 800%;}
.about-ico{position: relative;bottom: 25px;z-index: 10;text-align: center;}
.about-ico li{width: 25px;height: 2px;background: #fff;display: inline-block;margin-right: 5px;cursor: pointer;}
.about-ico li.hover{background: #e71f19;}


.about-left{
    width:615px;
    margin-left: 46px;
    margin-top:30px;
    color: #fff;
    line-height: 30px;
    text-align: justify;
}

.about-right{
    width:440px;
    height: 323px;
    padding-top:36px;
    background: url(img/bg1.png) 85px 20px  no-repeat;
    position: relative;
}




.show{
    background: #f2f2f2;
}

.show-index{
    padding:36px 0 40px 0;
}

.show-index .content{
    padding-top:16px;
}

.show-left{
    width:298px;
    border:1px solid #aaaaaa;
    background: #fff;
}

.show-title{
    background: url(img/t7.png) no-repeat 19px;
    text-align: center;
    border-top:5px solid #333333;
    height: 65px;
    font-size: 24px;
    color: #333333;
    font-weight: normal;
    line-height: 24px;
    padding-top:22px;
    padding-left: 18px;
}

.show-title p{
    font-size: 16px;
    color: #808080;
}

.fen_ct{
    background: #475a82;
    height: 90px;
    color:#fff;
    padding-left: 48px;
    padding-top: 30px;
}

.show-right{
    width:878px;
    border:1px solid #aaaaaa;
    background: #fff;
    padding:18px 0;
}

.product_listt{
    padding:20px 40px 0 20px;
}

.product_listt li a{
    font-size: 20px;
    color: #333333;
    font-weight:normal;
}
.product_listt li a:hover{
    color: #ee0000;
}
.product_listt li img{
    width: 250px;max-height: 250px;

}

.p-right{
    margin-left: 16px;
    width:454px;
}
.product_listt li h2{
    font-size: 16px;
    font-weight:normal;
    color: #666666;
    line-height: 30px;
}

.product_listt li .p-more{
    width:110px;
    height: 25px;
    background: #475a82;
    border-radius:20px;
    margin-top:36px;
}

.product_listt li .p-more a{
    display: block;
    line-height: 25px;
    color: #fff;
    font-size: 14px;
    text-align: center;
}

.show-right .content1{
    margin-top:22px;
}













.recommend{
    padding-top:40px;
}
.recommend .content{
    padding-top:30px;
    position: relative;
}

.l_btn,.r_btn{
    position:absolute;
    top:45%;
    cursor:pointer;
}
.l_btn{
    left:-38px;
}
.r_btn{
    right:-38px;
}





.avvantage{
    background: url(img/ad.png) no-repeat top center;
    height:880px;
    overflow: hidden;
    margin-top:28px;
}
.advantage-index{
    padding-top:62px;
}

.ad-title{
    background: url(img/t8.png) no-repeat 50% 77%;
    height: 68px;
    text-align: center;
    font-size: 30px;
    color: #ffffff;
    font-weight: normal;
    line-height: 40px;
}

.ad-title span{
    display: inline-block;
    text-transform: uppercase;
    font-size: 18px;
    padding-left:15px;
    font-family: "??????";
}

.ad-title p{
    font-size: 17px;
}

.advantage-index .content{
    position: relative;
}

.ad1{
    padding-left: 40px;
    position: absolute;
    top:46px;
    right: 0;
    width:580px;
    color: #fff;
}
.ad1:hover{color: #ff0000}
.ad1:hover{background: url(arr1.png) 2px 37px no-repeat;}
.ad2{
    padding-right: 34px;
    position: absolute;
    top:166px;
    left: 0;
    width:580px;
    color: #fff;
}
.ad2:hover{color: #ff0000}
.ad2:hover{background: url(arr1.png) 582px 47px no-repeat;}
.ad3{
    top:294px;
}
.ad3:hover{background: url(arr1.png) 2px 49px no-repeat;}
.ad4{
    top:436px;
}
.ad4:hover{background: url(arr1.png) 582px 37px no-repeat;}
.ad5{
    top:568px;
}
.ad5:hover{background: url(arr1.png) 2px 35px no-repeat;}


.process{width: 1055px;margin:0 auto;margin-top: 15px;}
.process ul li{float: left;margin:25px 49px;}
.process ul li img{width: 90px;height: 90px;border-radius: 60px;overflow: hidden;border: 5px solid #333333; margin-left:30px;}
.process ul li h1{width: 164px;padding-top: 45px;height: 196px;background: url(img/bg2.png) center no-repeat;font:bold 17px/36px "??????";color: #333333;margin-top: -30px; text-align:center;}
.process ul li h1 span{display: block;font-size: 11px;line-height: 26px; font-family:??????; text-align:center;}
.process ul li:hover h1{background-image:url(img/bg3.png);color: #fff;}

.graph{height: 67px;background: url(img/bg4.jpg) center top no-repeat;margin-top: 5px;padding-top: 18px;padding-bottom: 14px;}
.article{width: 1200px;margin:0 auto;}
.article div {float: left;}
.section1{margin-left: 10px;}
.section2{font:normal 25px/38px "??????";color: #fff;margin-left: 147px;margin-top: -5px;      font-family: ??????;}
.section3{margin-left: 222px;font:normal 25px/35px "??????";color: #fff;padding-left: 52px;background: url(img/phone.png) left 10px no-repeat;}


.news{
    padding-top:50px;
}

.news-left{
    width:723px;
}
.ttablis{
    position: relative;
}
.ttablis li{
    float: left;
    width:150px;
    height: 40px;
    color: #333333;
    font-size: 20px;
    text-align: center;
    line-height: 40px;
    border-radius: 5px;
}
.ttablis li.cur{
    background: #475a82;
    color: #fff;
    cursor: pointer;
}

.ttab{
    padding-top:20px;
}
.news_sub{
    width:443px;
}
.news_sub a{
    font-size: 16px;
    color: #333333;
    display: block;
}

.news_sub span{
    font-size: 14px;
    color: #666666;
    padding-top:13px;
    display: block;
}

.news_sub .ne-more a{
    color: #475a82;
    font-size: 14px;
    padding-top:12px;
}

.news-more{
    background: url(img/jia.png) no-repeat center;
    height:23px;
    width:23px;
    position: absolute;
    right:0;
    top:6px;
}

.news-right{
    width:422px;
}

.news-title{
    font-size:20px;
    color:#333333;
    font-weight:normal;
    border-left:2px solid #e60000;
    padding-left:5px;
    margin-bottom:20px;
}
.news-title a{
    background: url(img/jia.png) no-repeat center;
    height: 23px;
    width:23px;
    display: inline-block;
    float: right;
    margin-top:6px;
}


/*----- Common css ------*/
.fl{float:left;}
.fr{float:right;}
.di{_display:inline;}
.fwn{font-weight:normal;}
.dib{*display:inline;_zoom:1;_display:inline;_font-size:0px;}

/*??|?C???????C?????*/
.news_company{width:280px;float:right;}
.news1_title{line-height:31px;padding-left:15px;font-weight:bold;font-family:"??????";
background:url(nav.png) no-repeat 0% 100%;font-size:14px;color:#000;}
.news_company .content{padding:5px;}

/*??|?C????????|????????3????????*/
.contact{width:218px;float:left;padding-bottom:5px;margin-top:10px;}
.contact_title{line-height:31px;padding-left:15px;font-weight:bold;font-family:"??????";
background:url(nav.png) no-repeat 0% 100%;font-size:14px;color:#000;}
.contact .content{padding:5px;padding-left:8px;}

/*???????????????*/
.case{width:460px;float:left;margin-left:12px;padding-bottom:5px;margin-top:10px;}
.case_title{line-height:31px;padding-left:15px;font-weight:bold;font-family:"??????";
background:url(nav.png) no-repeat 0% 100%;font-size:14px;color:#000;}
.case .content{padding:5px;padding-bottom:12px;text-indent:20px;}

.news2_company{margin-top:10px;}

/*?o??????????????*/
.recommend_product{margin-top:10px;width:692px;float:left;}
.recommend_product .title{line-height:31px;padding-left:15px;font-weight:bold;font-family:"??????";
background:url(nav.png) no-repeat 0% 100%;font-size:14px;color:#000;}
.recommend_product .content{padding-top:15px;padding-bottom:14px;}
.roll_product li{padding-bottom:0px;}




/*????????????????*/
.f_link{
    width:1200px;
    margin:0 auto;
    height: 48px;
    margin-top:26px;
    padding:16px 0;
    padding-left:20px;
    overflow: hidden;
}
.link-left{
    width:100px;
    color: #475a82;
    font-size: 18px;
    font-weight:normal;
}
.link-right a{
    font-size: 16px;
    color: #323232;
    padding-right: 50px;
}

/*??????????o??????*/
.foot{
    background:url(img/bg5.png) center top #333;
	min-height:190px;
    overflow: hidden;
    margin-top:40px;
	padding-bottom:20px;
    width: 1920px;
    left: 50%;
    margin-left: -960px;
    position: relative;
}
#footer{position:relative;width:1200px;margin:0 auto;color: #fff;padding-top:22px;}
#footer a{color:#fff;}
#footer a:hover{color:#475a82;text-decoration:none;}
#footer>div{float: left;  font-family: ??????; }
.copyright{margin-left: 50px;width: 384px;  font: normal 14px/25px "??????";}

.foot-contact{margin-left: 30px;width: 340px;font:normal 14px/25px "??????";}
.foot-link{margin-left: 60px;width: 336px;font:normal 14px/40px "??????";}

.foot-left{
    width:780px;
}

.foot1{
    width:130px;
}
.public-title1{
    font-size: 16px;
    font-weight: normal;
}
.sec1{
    padding-top:10px;
    height: 215px;
    overflow: hidden;
}
.sec1 a{
    display: block;
    font-size: 14px;
    line-height: 25px;
}
.foot-middle{
    width:102px;
    text-align: center;
    margin-top:30px;
    line-height: 40px;
    font-size: 16px;
}

.foot-right {
    width:264px;
}


/*------------?????????-------------------*/

.left .box{margin-bottom:10px;}
.left .box h3{line-height:40px;padding-left:15px;font-weight:bold;font-family:"??????";
background:#475a82;font-size:16px;color:#fff;}
.left .box .content{padding:5px 0px;}

.prodescription{border:1px solid #e5e5e5;background:#f9f9f9;line-height:24px;padding:10px;margin-bottom:15px;text-indent:20px;}

.n_banner{width:1920px;position: relative;left:50%;margin-left: -960px;}
.n_banner img{    width: 1920px;
    height: 280px;}
.left{width:225px;float:left;}
.sort_menu{}
.sort_menu h3{background-color:#ececec;line-height:28px;padding-left:15px;font-weight:bold;}
.sort_product{margin-top:10px;}
.sort_product h3{background-color:#ececec;line-height:28px;padding-left:15px;font-weight:bold;}

.n_contact{margin-top:10px;}
.n_contact h3{background-color:#ececec;line-height:28px;padding-left:15px;font-weight:bold;}
.n_contact .content{padding:5px;line-height:30px;}

.right{width:940px;float:right;padding-bottom:10px;}
.sitemp{line-height:31px;height:40px;overflow:hidden;padding-right:10px;background:#475a82;}
.sitemp h2{width:340px;float:left;line-height:40px;text-align:center;text-align:left;text-indent:15px;color:#fff;font-size:16px;}
.sitemp .site{width:380px;float:right;text-align:right;line-height:40px;color: #fff;}
.sitemp .site a{color: #fff;}
.right .content{padding:10px;padding-top:15px;overflow:hidden;line-height: 30px;}